Vue.js how to work with this

Javascript 中的 this 指向是使用情境的上下文相關，

舉例來說：

<button onClick="clickHandler(this)"></button>

function clickHandler(currentObj){
    console.log(currentObj);
}

src code

上面範例之中，當 onClick 事件被觸發時傳入的 this

就會是 clickHandler 所處在的 DOM 也就是

<button onClick="clickHandler(this)"></button>

參考文件： arrow function with this

參考文獻：arrow function 所影響到this

在使用 Vue.js 時，Component 內的 methods 如果是不使用箭頭函數，

這時在 methods 內使用 this 對應的到的就是 Component 對應的 Vue Instance

而如果使用箭頭函數，由於箭頭函數會讓 this 指向更上一層的呼叫者

因為箭頭函數並無自己的 this 只會承襲致上一層的 this。

因此，這時 methods 內使用的 this 就會對應到 window 這個 global 物件